/* ==================
        初始化
 ==================== */
 

view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
	box-sizing: border-box;
}

view::-webkit-scrollbar{
	display: none;/* 不显示滚动条 */
}
input,textarea{
	font-size: 1em
}

.topPlace { //app状态栏高度
	width: 100%;
	height: var(--status-bar-height);
	background: transparent;
}
//导航栏高度
.pageTit{ height: var(--window-top);}
/* 外边距 */
.mauto-x{margin: 0 auto;}
/*浮动与清除浮动*/
.fl {float: left;}
.fr {float: right;}
.vm {vertical-align: middle;}


/* 文本样式 */
.td-n{text-decoration:none }//无装饰，通常对html下划线标签去掉下划线样式
.td-s{text-decoration:blink }//闪烁
.td-c{text-decoration:line-through }//删除线样式-贯穿线样式
.td-b{text-decoration:underline }//下划线样式
.td-t{text-decoration:overline }//上划线样式

/*定位*/
.pr,.relative{position: relative;}
.pa,.absolute{position: absolute;}
.pf,.fixed{position: fixed}

/* 文字对齐*/
.tl,.text-left {text-align: left;}
.tc,.text-center {text-align: center;}
.tr,.text-right {text-align: right;}

/*显示*/
.dn {display: none;}
.di {display: inline;}
.db {display: block;}
.dib {display: inline-block;}
.dt {display: table;}
/*#ifdef H5*/
div.dib {display: inline;zoom: 1;}
/*#endif*/
.vm {vertical-align: middle;}
.vib {display: inline-block;vertical-align: middle;}
.flex {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
	align-items: center;
}
.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}
.col-center {align-items: center;}
.col-top {align-items: flex-start;}
.col-bottom {align-items: flex-end;}
.row-center {justify-content: center;}
.row-left {justify-content: flex-start;}
.row-right {justify-content: flex-end;}
.row-between {justify-content: space-between;}
.row-around {justify-content: space-around;}
.flex-col {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
}
/* flex */
.flex1{flex: 1;}
.flex2{flex: 2;}
.flex3{flex: 3;}
.flex4{flex: 4;}
.flex5{flex: 5;}
/* flex */
//flex 布局 剩余占满
.als-s{align-self: stretch;}

@for $i from 0 to 101 {
	.z-index#{$i}{z-index: $i;}
	.fs#{$i}{font-size: $i+ rpx;}
	.radius#{$i}{border-radius: $i+ rpx;}
	.top#{$i} {top: $i+ rpx;}
	.left#{$i} {left: $i+ rpx;}
	.right#{$i} {right: $i+ rpx;}
	.bottom#{$i} {bottom: $i+ rpx;}
}
.radius{border-radius: 50%;}
.radius-t0{border-top-left-radius: 0;border-top-right-radius: 0;}
.radius-b0{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.radius-l0{border-top-left-radius: 0;border-bottom-right-radius: 0;}
.radius-r0{border-bottom-right-radius: 0;border-top-right-radius: 0;}
@for $i from 0 through 751 {
	@if $i % 2 == 0 or $i % 5 == 0 {
		// 定义width
		// 定义height
		.w#{$i}{width: $i+ rpx;}
		// 得出：u-margin-30或者u-m-30
		.m#{$i}{margin: $i + rpx;}
		.ml#{$i}{margin-left:$i + rpx;}
		.mr#{$i}{margin-right:$i + rpx;}
		.mt#{$i}{margin-top:$i + rpx;}
		.mb#{$i}{margin-bottom:$i + rpx;}
		// 得出：u-padding-30或者u-p-30
		.p#{$i}{padding: $i + rpx;}
		.px#{$i}{padding-left:$i + rpx;padding-right:$i + rpx;}
		.py#{$i}{padding-bottom:$i + rpx;padding-top:$i + rpx;}
		.pl#{$i}{padding-left:$i + rpx;}
		.pr#{$i}{padding-right:$i + rpx;}
		.pt#{$i}{padding-top:$i + rpx;}
		.pb#{$i}{padding-bottom:$i + rpx;}


	}
}
// 定义height
@for $i from 0 through 1001 {
	@if $i % 2 == 0 or $i % 5 == 0 {
		.h#{$i}{height: $i+ rpx;}
	}
}

/* 宽 */
.w-max{width: 100%;}
.h-max{height: 100%;}

.w0p{width: 0%;}
.w10p{width: 10%;}
.w20p{width: 20%;}
.w25p{width: 25%;}
.w30p{width: 30%;}
.w33p{width: 33.33%;}
.w40p{width: 40%;}
.w50p{width: 50%;}
.w60p{width: 60%;}
.w70p{width: 70%;}
.w75p{width: 75%;}
.w80p{width: 80%;}
.w90p{width: 90%;}
.w100p{width: 100%;}

/* 高 */
.h0p{height: 0%;}
.h10p{height: 10%;}
.h20p{height: 20%;}
.h30p{height: 30%;}
.h33p{height: 33%;}
.h40p{height: 40%;}
.h50p{height: 50%;}
.h60p{height: 60%;}
.h70p{height: 70%;}
.h75p{height: 75%;}
.h80p{height: 80%;}
.h90p{height: 90%;}
.h100p{height: 100%;}

.p0 {padding:0;}
.pl0 {padding-left:0;}
.pr0 {padding-right:0;}
.pt0 {padding-top:0;}
.pb0 {padding-bottom:0;}

/*字体粗细*/
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.fw-900{font-weight: 900;}
.fw-w{font-weight: bold;}
//行高
.lh1{line-height: 1;}
.lh15{line-height: 1.5;}
.lh2{line-height: 2;}
/*字体颜色*/
.color-000{color: #000000;}
.color-111{color: #111111;}
.color-222{color: #222222;}
.color-333{color: #333333;}
.color-666{color: #666666;}
.color-999{color: #999999;}
.color-aaa{color: #AAAAAA;}
.color-bbb{color: #BBBBBB;}
.color-ccc{color: #CCCCCC;}
.color-ddd{color: #DDDDDD;}
.color-eee{color: #EEEEEE;}
.color-fff{color: #FFFFFF;}
.color-ada{color: #ADADAD;}
.color-ye{color: yellow;}
.color-or{color: orange;}
.color-red{color: red;}
.color-green{color: green;}
.color-blue{color: blue;}

/*背景颜色*/
.bg-000{background-color: #000000;}
.bg-111{background-color: #111111;}
.bg-222{background-color: #222222;}
.bg-333{background-color: #333333;}
.bg-444{background-color: #444444;}
.bg-555{background-color: #555555;}
.bg-666{background-color: #666666;}
.bg-777{background-color: #777777;}
.bg-888{background-color: #888888;}
.bg-999{background-color: #999999;}
.bg-aaa{background-color: #AAAAAA;}
.bg-bbb{background-color: #bbbbbb;}
.bg-ccc{background-color: #CCCCCC;}
.bg-ddd{background-color: #DDDDDD;}
.bg-eee{background-color: #EEEEEE;}
.bg-fff{background-color: #FFFFFF;}
.bg-f7f{background-color: #F7F7F7;}
.bg-f8f{background-color: #F8F8F8;}
.bg-f5f{background-color: #F5F5F5;}
.bg-red{background-color: red;}
.bg-green{background-color: green;}
.bg-blue{background-color: blue;}

/* 边框 */
.border{border:solid 1px  #edeae6 ;}
.border-red{border:solid 1px  #FF2736 ;}
.border-t{border-top:solid 1px  #edeae6 ;}
.border-r{border-right:solid 1px  #edeae6 ;}
.border-b{border-bottom:solid 1px  #edeae6 ;}
.border-l{border-left:solid 1px  #edeae6 ;}
.border-t0{border-top-style: none;}
.border-r0{border-right-style: none;}
.border-b0{border-bottom-style: none;}
.border-l0{border-left-style: none;}
.ov-h{overflow: hidden;}
/*透明*/
.opa10{opacity: 1;}
.opa9{opacity: .9;}
.opa8{opacity: .8;}
.opa7{opacity: .7;} 
.opa6{opacity: .6;}
.opa5{opacity: .5;}
.opa4{opacity: .4;}
.opa3{opacity: .3;}
.opa2{opacity: .2;}
.opa1{opacity: .1;}
.opa0{opacity: 0;}

/* 其他 */
.pe-none {pointer-events: none;}
.nowrap{white-space: nowrap;}//不换行

.wh-max {width: 100%;height: 100%;}
.scale7 {transform: scale(.7);}

.popup {
	/deep/.u-mode-center-box {
		background-color: transparent !important;
	}

	/deep/.u-drawer-content.u-drawer-bottom {
		background-color: transparent !important;
	}
}
